<template>
  <div>
    <van-nav-bar
      title="收藏列表"
      left-text="返回"
      left-arrow
      @click-left="$router.back()"
      class="navColor"
    />
    <MyCell v-for="item in list" :key="item.id" :item="item"></MyCell>
  </div>
</template>

<script>
import { userFsvorteList } from '@/api/user'
import MyCell from '@/components/MyCell'
export default {
  data () {
    return {
      list: []
    }
  },
  async created () {
    this.$toast.loading({
      message: '加载中...',
      forbidClick: true
    })
    const res = await userFsvorteList()
    console.log(res)
    this.list = res.data.body
  },
  components: { MyCell }
}
</script>

<style lang="less" scoped>
.navColor {
  background-color: #58b67f;

  /deep/.van-icon {
    color: aliceblue;
  }
  /deep/.van-nav-bar__title {
    color: aliceblue;
    font-weight: normal;
  }
}
</style>
